<template>
    <van-search
      shape="round"
      v-model="value"
      placeholder="请输入搜索关键词"
      @search="onSearch"
      @cancel="onCancel"
      ></van-search>
      <HomeSwiper></HomeSwiper>
      <HomeGrid></HomeGrid>
</template>

<script setup>
import { ref } from 'vue';
import { showToast } from 'vant';

const value = ref('')
const onSearch = val=> showToast(val)
const onCancel = () => showToast('取消')
</script>